<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</head>

	<body>
		<div class="mui-slider">
			<div class="mui-slider-group">
				<!--第一个内容区容器-->
				<div class="mui-slider-item">
					<div id="idText1" class="mui-card" style="padding: 6px;">
						据美国全国广播公司(NBC)7月11日报道，一架美国海军军用飞机于当地时间10日在密西西比坠毁。密西西比紧急灾难处理署发言人表示，坠毁飞机型号为C-130大力神运输机。 WMC-TV报道称，飞机从美国田纳西州城市孟菲斯起飞，在密西西比州杰克逊县北部高速路旁坠毁。
					</div>
				</div>
				<!--第二个内容区-->
				<div id="idText2" class="mui-slider-item">
					<div class="mui-card" style="padding: 6px;">
						《极限挑战3》昨晚（7月9日）迎来首播。在第一期中，孙红雷、黄渤、黄磊、罗志祥、王迅、张艺兴六人刚一回归，就被节目组要求投票选出一位成员永远离开节目。据说孙红雷被劝退的可能性最大。
					</div>
				</div>
			</div>
		</div>

		<script>
			//集合
			document.querySelector('.mui-slider').addEventListener('slide', function(event) {
				//注意slideNumber是从0开始的；
				alert(event.detail.slideNumber + 1);
			});
		</script>
	</body>

</html>